<extend name="Index/index" />

<block name="Main content">
    
<div class="container">
    <div class="row mt30">
        <div class="col-md-12 col-sm-12 bg-primary">
            <h3 class=" text-center"><b>话 题 管 理</b></h3>
        </div>
        
        <div class="clearfix mt30">&nbsp;</div>
        <table class="table table-bordered table-hover">
            <tr>
                <th>ID</th>
                <th>话 题 名</th>
                <th>PID</th>
                <th>PATH</th>
                <th>
                    相关操作&nbsp;&nbsp;&nbsp;
                    <a href="<{:U('Topics/index', 'pid='.$ppid)}>" class="btn btn-info">返回上级话题</a>
                </th>
            </tr>

            <empty name="list">
                <tr>
                    <td colspan="6" class="text-center h5 bg-warning">暂无数据</td>
                </tr>
            <else/>
                <!--此处开始遍历数据-->
                <volist name="list" id="vo">
                    <tr>
                        <td><{$vo.id}></td>
                        <td><{$vo.name}></td>
                        <td><{$vo.pid}></td>
                        <td><{$vo.path}></td>
                        <td>
                            <!--查看子类, 当前id 作为pid 传递给 GET,查询的内容即是 子类-->
                            <a href="<{:U('Topics/index', 'pid='.$vo['id'])}>" class="btn btn-primary">查看子话题</a>
                            &nbsp;&nbsp;
                            <!--给当前分类添加子类,  当前id 作为pid 传递,当前path 回去拼接 id, 即可-->
                            <a href="<{:U('Topics/add', array('pid'=>$vo['id'],'path'=>$vo['path']))}>" class="btn btn-success">添加子话题</a>
                            &nbsp;&nbsp;
                            <!--编辑分类名-->
                            <a href="<{:U('Topics/edit', 'id='.$vo['id'])}>" class="btn btn-success">编辑</a>
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            <!--删除分类, 传递自己的id 和 pid 以及 path ,作为判定以下有无子分类的条件-->
                            <a href="<{:U('Topics/del')}>?id=<{$vo.id}>&pid=<{$vo.pid}>&path=<{$vo.path}>" class="btn btn-danger">删除</a>
                        </td>
                    </tr>
                </volist>
            </empty>
        </table>

    </div><!--end row-->
</div><!--end container-->

</block>

<block name="myjs">
    <script>



        $(document).ready(function(){
            // console.log(1);
            var deny = $('button.deny');
            for (var i = 0; i < deny.length; i++) {
                $(deny[i]).click(function(){
                    console.log($(this));
                    var userid = $(this).attr('userid');
                    // 判断button的状态
                    if ($(this).html() == '<span class="glyphicon glyphicon-ok"></span>') {
                        $.ajax({
                            type: 'get',
                            url: "<{:U('User/denied')}>",
                              data: 'id=' + $(this).attr('userid')+'&denied=1'+'&table=user',
                        });
                        $(this).html('<span class="glyphicon glyphicon-remove">').removeClass('btn-success').addClass('btn-danger');
                    } else {
                        $.ajax({
                            type: 'get',
                            url: "<{:U('User/denied')}>",
                            data: 'id=' + $(this).attr('userid')+'&denied=0'+'&table=user',
                        });
                        $(this).html('<span class="glyphicon glyphicon-ok"></span>').removeClass('btn-danger').addClass('btn-success');
                    };

                                
                    return false; //阻止跳转
                });
            }; // 状态点击事件结束
            //删除的ajax
            // var dellist = $('button.del');
            //     for (var i = 0; i < dellist.length; i++) {
            //         $(dellist[i]).click(function(){
            //             // console.log($(this));
            //             var userid = $(this).attr('userid');
            //             if (confirm('您确认删除id为'+userid+'的用户吗')) {
            //             $(this).parent().parent().remove();
            //             开启ajxa
            //             $.ajax({
                            
            //             });
            //             };
                        
            //         })
            //     };

        });
    </script>
</block>